<template>
  <afl-loading v-if="!data.ready" :width="50" :height="50" class="afl-loading" :tip-style="{ fontSize: '16px' }">
    Loading...
  </afl-loading>
  <fullScreenContainer  v-else>
    <el-container class="first-container">
      <!--<editor-fold desc="数据汇总">-->
      <el-header class="header">
        <slide-show></slide-show>
      </el-header>
      <el-container class="second-container">
        <table-show></table-show>
      </el-container>
    </el-container>
  </fullScreenContainer>
</template>

<script setup>
// 引入组件，进去页面显示加载
import aflLoading from '@/components/loading'
import fullScreenContainer from '@/components/fullScreenContainer'
import iconFont from '@/components/IconFont/iconFont'
import slideShow from '@/components/screen/sidesShow'
import tableShow from '@/components/screen/tableShow'
import { onMounted, reactive, ref, watch } from 'vue'
import config from '@/config'
import useI18n from '@/hooks/language'
import ScaleBox from 'vue3-scale-box'
const { t } = useI18n()

const data = reactive({
  ready: false
})

onMounted(() => {
  data.ready = true
})
</script>

<style scoped lang="scss">
@forward "index";
</style>
